<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>爱心传递</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_547056_gqkg6o7rbvi5p14i.css">
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/style.css">
<style>
.weui-cell{padding:10px 7%}
.weui-cell:before {border-top: 0px solid #e5e5e5;}
.weui-cells {margin-top: 10px;background-color: transparent;}
.weui-cells .weui-cell__bd input{background:#fff;}
.weui-cells:before {border-top: 15px solid #f4f4f4;}
.weui-cells:after {border-bottom: 0px solid #e5e5e5;}
::-webkit-input-placeholder {
font-size: 15px;
color: #CECECE;
}
.weui-cells:before{border-top:0;}
.chuandiBody{background-image: url('images/photo-15.jpg');background-repeat:no-repeat;background-size: 170%;background-position-x: -150px;}
.chuandiBody .title{color:#b10505;text-align: center;font-size: 40px;font-weight: bold;margin:40px 0;}
.chuandiBody .shangchuan{border: 1px solid #f4f4f4;overflow:hidden;background:#fafafa;width: 41%;height: 120px;float: left;margin-top:10px;margin-left: 7%;text-align: center}
.chuandiBody .shangchuan2{border: 1px solid #f4f4f4;overflow:hidden;background:#fafafa;width: 41%;height: 120px;float: right;margin-top:10px;margin-right: 7%;text-align: center;}

</style>
</head>
<body class="chuandiBody">
  <!-- 这里写内容 -->
  <div style="">
    <div class="title">
      <p>招募爱心大使</p>
      <p style="font-size:30px;">爱心送考我最行</p>
    </div>
    <div class="weui-cells">
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <input  style="width:65%;border:1px  solid rgb(239,239,244) ;height:40px;border-radius: 5px;padding-left: 3%"   class="weui-input" type="text" placeholder="请填写手机号码">
          <a href="javascript:;" style="display:inline-block;width:28%;float:right;text-align:center;font-size: 13px;line-height:40px;border-radius:5px;background:#4B4C5E;color:#fff;">获取验证码</a>
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <input  style="width:97%;border:1px  solid  #f4f4f4;height:40px;border-radius: 5px;padding-left: 3%"   class="weui-input" type="text" placeholder="请填写手机验证码">
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <input  style="width:97%;border:1px  solid rgb(239,239,244) ;height:40px;border-radius: 5px;padding-left: 3%"   class="weui-input" type="text" placeholder="请填写身份证姓名">
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <input  style="width:97%;border:1px  solid  #f4f4f4;height:40px;border-radius: 5px;padding-left: 3%"   class="weui-input" type="text" placeholder="请填写18位身份证号">
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <input  style="width:97%;border:1px  solid  #f4f4f4;height:40px;border-radius: 5px;padding-left: 3%"   class="weui-input" type="text" placeholder="请填写车型">
        </div>
      </div>
      <div>
        <div class="shangchuan">
          <a href="#">
            <span style="line-height: 80px ;color: #cecece" class="icon icon-22jiahao"></span>
            <div style="color: #8D8D8D;font-size: 14px;">上传本人驾照</div>
          </a>
        </div>
        <div class="shangchuan2">
          <a href="#e">
            <span style="line-height: 80px ;color: #cecece" class="icon icon-22jiahao"></span>
            <div style="color: #8D8D8D;font-size: 14px;">上传本人或他人行驶证</div>
          </a>
        </div>
      </div>
      <!--上传后-->
      <div style="display: none;">
        <div class="shangchuan">
          <a href="#">
            <img src="images/photo-15.jpg">
          </a>
        </div>
        <div class="shangchuan2">
          <a href="#e">
            <img src="images/photo-15.jpg">
          </a>
        </div>
      </div>

	  <div class="weui-cell">
        <div class="weui-cell__bd" style="margin-top:10px;">
          <input  style="width:100%;height:45px;border-radius: 5px;background:#4B4C5E;color:white;" class="weui-input" type="button" value="成为爱心大使">
          <input  style="width:100%;height:45px;border-radius: 5px;background:#CCCCCC;color:white;" class="weui-input" type="button" value="已成为爱心大使">
        </div>
      </div>
	  
	</div>

</body>
</html>
